<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>影刀RPA搜狐号文章全自动发布配置指南</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            background-color: #f5f5f5;
            color: #333;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }
        h1 {
            color: #2c3e50;
            text-align: center;
            border-bottom: 3px solid #3498db;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }
        h2 {
            color: #34495e;
            border-left: 4px solid #3498db;
            padding-left: 15px;
            margin-top: 30px;
        }
        h3 {
            color: #2980b9;
            margin-top: 25px;
        }
        h4 {
            color: #27ae60;
            margin-top: 20px;
        }
        .step {
            background: #ecf0f1;
            padding: 15px;
            margin: 10px 0;
            border-radius: 5px;
            border-left: 4px solid #e74c3c;
        }
        .config-item {
            background: #e8f5e8;
            padding: 10px;
            margin: 8px 0;
            border-radius: 3px;
            border-left: 3px solid #27ae60;
        }
        .warning {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            color: #856404;
            padding: 15px;
            border-radius: 5px;
            margin: 15px 0;
        }
        .code {
            background: #2c3e50;
            color: #ecf0f1;
            padding: 15px;
            border-radius: 5px;
            font-family: 'Consolas', 'Monaco', monospace;
            overflow-x: auto;
            margin: 10px 0;
        }
        .variable {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            padding: 10px;
            border-radius: 3px;
            font-family: monospace;
            margin: 5px 0;
        }
        ul, ol {
            padding-left: 25px;
        }
        li {
            margin: 8px 0;
        }
        .highlight {
            background: #fff3cd;
            padding: 2px 5px;
            border-radius: 3px;
            font-weight: bold;
        }
        .toc {
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            padding: 20px;
            border-radius: 5px;
            margin-bottom: 30px;
        }
        .toc ul {
            list-style-type: none;
            padding-left: 0;
        }
        .toc li {
            margin: 5px 0;
        }
        .toc a {
            text-decoration: none;
            color: #3498db;
        }
        .toc a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>影刀RPA搜狐号文章全自动发布配置指南</h1>
        
        <div class="toc">
            <h3>目录</h3>
            <ul>
                <li><a href="#preparation">一、前期准备</a></li>
                <li><a href="#design">二、影刀RPA流程设计</a></li>
                <li><a href="#variables">三、变量配置</a></li>
                <li><a href="#exception">四、异常处理配置</a></li>
                <li><a href="#optimization">五、优化建议</a></li>
                <li><a href="#testing">六、测试和部署</a></li>
                <li><a href="#notes">七、注意事项</a></li>
            </ul>
        </div>

        <div class="warning">
            <strong>重要提示：</strong>本配置指南基于现有搜狐号发布器的技术架构分析设计，相比Selenium方案具有更好的稳定性和易维护性。
        </div>

        <h2 id="preparation">一、前期准备</h2>
        
        <h3>1. 环境准备</h3>
        <div class="step">
            <ul>
                <li>下载并安装影刀RPA客户端：<a href="https://www.yingdao.com/client-download/" target="_blank">https://www.yingdao.com/client-download/</a></li>
                <li>确保搜狐号账户已注册并可正常登录</li>
                <li>准备好要发布的文章内容（标题、正文、分类、标签等）</li>
            </ul>
        </div>

        <h3>2. 浏览器设置</h3>
        <div class="step">
            <ul>
                <li>建议使用Chrome或Edge浏览器</li>
                <li>确保浏览器版本为最新版本</li>
                <li>清理浏览器缓存和Cookie（可选）</li>
            </ul>
        </div>

        <h2 id="design">二、影刀RPA流程设计</h2>

        <h3>第一步：创建新应用</h3>
        <div class="step">
            <ol>
                <li>打开影刀RPA客户端</li>
                <li>点击<span class="highlight">「新建应用」</span></li>
                <li>选择<span class="highlight">「桌面应用」</span>类型</li>
                <li>应用名称：<span class="highlight">「搜狐号自动发布器」</span></li>
                <li>描述：<span class="highlight">「自动化发布文章到搜狐号平台」</span></li>
            </ol>
        </div>

        <h3>第二步：配置浏览器启动</h3>
        <div class="step">
            <p>拖拽<span class="highlight">「打开网页」</span>组件到画布，配置参数：</p>
            <div class="config-item">
                <strong>网址：</strong><code>https://mp.sohu.com/</code><br>
                <strong>浏览器类型：</strong>Chrome/Edge<br>
                <strong>窗口状态：</strong>最大化<br>
                <strong>等待时间：</strong>3秒
            </div>
        </div>

        <h3>第三步：登录检查与处理</h3>
        <div class="step">
            <h4>1. 添加「等待元素出现」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//a[contains(text(), '登录')]</code><br>
                <strong>超时时间：</strong>10秒<br>
                <strong>找到后执行：</strong>跳转到登录流程<br>
                <strong>未找到执行：</strong>继续下一步（已登录状态）
            </div>
            
            <h4>2. 登录流程分支：</h4>
            <ul>
                <li>添加「点击」组件：点击登录按钮</li>
                <li>添加「等待元素出现」：等待登录表单</li>
                <li>添加「输入文本」：输入用户名</li>
                <li>添加「输入文本」：输入密码</li>
                <li>添加「点击」：点击登录提交</li>
                <li>添加「等待元素消失」：等待登录完成</li>
            </ul>
        </div>

        <h3>第四步：进入发布页面</h3>
        <div class="step">
            <h4>1. 添加「点击」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//a[contains(text(), '发布文章')] | //a[contains(@href, 'write')]</code><br>
                <strong>等待时间：</strong>2秒
            </div>
            
            <h4>2. 添加「等待元素出现」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//input[@placeholder*='标题'] | //input[@placeholder*='请输入标题']</code><br>
                <strong>超时时间：</strong>15秒
            </div>
        </div>

        <h3>第五步：填写文章标题</h3>
        <div class="step">
            <p>添加「输入文本」组件：</p>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//input[@placeholder*='标题'] | //input[@placeholder*='请输入标题']</code><br>
                <strong>输入内容：</strong><code>{article_title}</code>（变量）<br>
                <strong>清空原内容：</strong>是<br>
                <strong>输入方式：</strong>模拟键盘输入
            </div>
        </div>

        <h3>第六步：填写文章正文</h3>
        <div class="step">
            <h4>1. 添加「等待元素出现」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//div[@contenteditable='true'] | //textarea[@placeholder*='正文']</code><br>
                <strong>超时时间：</strong>10秒
            </div>
            
            <h4>2. 添加「点击」组件（激活编辑器）</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//div[@contenteditable='true'] | //textarea[@placeholder*='正文']</code>
            </div>
            
            <h4>3. 添加「输入文本」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//div[@contenteditable='true'] | //textarea[@placeholder*='正文']</code><br>
                <strong>输入内容：</strong><code>{article_content}</code>（变量）<br>
                <strong>输入方式：</strong>模拟键盘输入<br>
                <strong>输入速度：</strong>中等（避免过快导致丢失内容）
            </div>
        </div>

        <h3>第七步：设置文章属性</h3>
        <div class="step">
            <h4>7.1 生成摘要（可选）</h4>
            <div class="config-item">
                添加「条件判断」组件：<br>
                <strong>条件：</strong>元素存在 <code>//button[contains(text(), '生成摘要')]</code><br>
                <strong>为真时：</strong>点击生成摘要按钮<br>
                <strong>为假时：</strong>跳过此步骤
            </div>
            
            <h4>7.2 设置原创</h4>
            <div class="config-item">
                添加「条件判断」组件：<br>
                <strong>条件：</strong>元素存在 <code>//input[@type='checkbox' and contains(@id, 'original')] | //label[contains(text(), '原创')]</code><br>
                <strong>为真时：</strong>
                <ul>
                    <li>检查复选框是否已选中</li>
                    <li>如未选中则点击选中</li>
                </ul>
            </div>
            
            <h4>7.3 设置封面</h4>
            <div class="config-item">
                添加「条件判断」组件：<br>
                <strong>条件：</strong>元素存在 <code>//button[contains(text(), '选择封面')]</code><br>
                <strong>为真时：</strong>
                <ul>
                    <li>点击选择封面按钮</li>
                    <li>等待封面选择界面加载</li>
                    <li>点击第一张推荐封面：<code>//img[contains(@class, 'cover-img')][1]</code></li>
                    <li>点击确认按钮：<code>//button[contains(text(), '确定')]</code></li>
                </ul>
            </div>
        </div>

        <h3>第八步：设置分类和标签</h3>
        <div class="step">
            <h4>1. 分类设置</h4>
            <div class="config-item">
                添加「条件判断」组件：<br>
                <strong>条件：</strong>元素存在分类选择器<br>
                <strong>为真时：</strong>
                <ul>
                    <li>点击分类下拉框</li>
                    <li>选择对应分类：<code>{article_category}</code></li>
                </ul>
            </div>
            
            <h4>2. 标签设置</h4>
            <div class="config-item">
                添加「条件判断」组件：<br>
                <strong>条件：</strong>元素存在标签输入框<br>
                <strong>为真时：</strong>输入标签内容：<code>{article_tags}</code>
            </div>
        </div>

        <h3>第九步：发布文章</h3>
        <div class="step">
            <h4>1. 添加「等待元素可点击」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//button[contains(text(), '发布')] | //button[contains(text(), '提交')] | //button[contains(text(), '立即发布')]</code><br>
                <strong>超时时间：</strong>10秒
            </div>
            
            <h4>2. 添加「点击」组件</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//button[contains(text(), '发布')] | //button[contains(text(), '提交')] | //button[contains(text(), '立即发布')]</code><br>
                <strong>点击方式：</strong>模拟鼠标点击
            </div>
        </div>

        <h3>第十步：验证发布结果</h3>
        <div class="step">
            <h4>1. 添加「等待元素出现」组件（任一成功标识）</h4>
            <div class="config-item">
                <strong>元素定位：</strong>XPath <code>//div[contains(text(), '发布成功')] | //div[contains(text(), '提交成功')] | //div[contains(text(), '审核中')]</code><br>
                <strong>超时时间：</strong>30秒<br>
                <strong>找到后：</strong>记录发布成功<br>
                <strong>超时后：</strong>记录发布可能失败
            </div>
            
            <h4>2. 添加「截图」组件</h4>
            <div class="config-item">
                <strong>截图范围：</strong>全屏<br>
                <strong>保存路径：</strong><code>./logs/publish_result_{timestamp}.png</code>
            </div>
        </div>

        <h3>第十一步：清理和关闭</h3>
        <div class="step">
            <ol>
                <li>添加「等待」组件：等待时间3秒</li>
                <li>添加「关闭网页」组件：关闭当前标签页</li>
            </ol>
        </div>

        <h2 id="variables">三、变量配置</h2>
        
        <h3>全局变量设置</h3>
        <div class="step">
            <p>在影刀RPA中配置以下变量：</p>
            <div class="variable">article_title: 文章标题</div>
            <div class="variable">article_content: 文章正文内容</div>
            <div class="variable">article_category: 文章分类（如：星座、情感等）</div>
            <div class="variable">article_tags: 文章标签（多个标签用逗号分隔）</div>
            <div class="variable">login_username: 搜狐号用户名（可选）</div>
            <div class="variable">login_password: 搜狐号密码（可选）</div>
        </div>

        <h2 id="exception">四、异常处理配置</h2>
        
        <h3>1. 网络异常处理</h3>
        <div class="step">
            <ul>
                <li>在每个关键步骤后添加「异常捕获」组件</li>
                <li>设置重试机制：最多重试3次</li>
                <li>重试间隔：5秒</li>
            </ul>
        </div>

        <h3>2. 元素定位失败处理</h3>
        <div class="step">
            <ul>
                <li>为每个元素定位设置多个备选定位方式</li>
                <li>设置合理的超时时间</li>
                <li>失败时截图保存错误现场</li>
            </ul>
        </div>

        <h3>3. 登录状态检查</h3>
        <div class="step">
            <ul>
                <li>在发布前检查登录状态</li>
                <li>如检测到未登录，自动跳转到登录流程</li>
            </ul>
        </div>

        <h2 id="optimization">五、优化建议</h2>
        
        <h3>1. 性能优化</h3>
        <div class="step">
            <ul>
                <li>设置合理的等待时间，避免过长等待</li>
                <li>使用智能等待替代固定等待</li>
                <li>优化元素定位策略，提高定位成功率</li>
            </ul>
        </div>

        <h3>2. 稳定性优化</h3>
        <div class="step">
            <ul>
                <li>添加随机延迟，模拟人工操作</li>
                <li>设置多重元素定位策略</li>
                <li>增加异常恢复机制</li>
            </ul>
        </div>

        <h3>3. 扩展性设计</h3>
        <div class="step">
            <ul>
                <li>支持批量发布多篇文章</li>
                <li>支持定时发布功能</li>
                <li>支持多账号轮换发布</li>
            </ul>
        </div>

        <h2 id="testing">六、测试和部署</h2>
        
        <h3>1. 单步测试</h3>
        <div class="step">
            <ul>
                <li>逐个测试每个组件的功能</li>
                <li>验证元素定位的准确性</li>
                <li>检查变量传递的正确性</li>
            </ul>
        </div>

        <h3>2. 完整流程测试</h3>
        <div class="step">
            <ul>
                <li>使用测试文章进行完整发布流程测试</li>
                <li>验证异常处理机制</li>
                <li>检查发布结果的准确性</li>
            </ul>
        </div>

        <h3>3. 生产部署</h3>
        <div class="step">
            <ul>
                <li>配置正式的文章内容源</li>
                <li>设置定时执行计划</li>
                <li>配置日志和监控</li>
            </ul>
        </div>

        <h2 id="notes">七、注意事项</h2>
        
        <div class="warning">
            <h3>重要提醒</h3>
            <ol>
                <li><strong>合规使用：</strong>确保遵守搜狐号平台的使用条款</li>
                <li><strong>频率控制：</strong>避免过于频繁的发布，建议间隔30分钟以上</li>
                <li><strong>内容质量：</strong>确保发布的内容符合平台规范</li>
                <li><strong>账号安全：</strong>定期更换密码，避免账号被封</li>
                <li><strong>监控机制：</strong>建立发布成功率监控，及时发现问题</li>
            </ol>
        </div>

        <div class="step">
            <h3>技术优势</h3>
            <p>通过以上详细配置，您就可以使用影刀RPA实现搜狐号文章的全自动发布了。相比现有的Selenium方案，影刀RPA具有：</p>
            <ul>
                <li><strong>更好的维护性：</strong>页面元素变化时，影刀可以通过图像识别等方式自动适应</li>
                <li><strong>更简单的开发：</strong>无需编程基础，通过录制和编辑即可完成</li>
                <li><strong>更强的稳定性：</strong>多种元素定位方式，减少因页面更新导致的失败</li>
                <li><strong>更好的扩展性：</strong>支持与其他AI工具集成，实现更复杂的自动化流程</li>
            </ul>
        </div>

        <div style="text-align: center; margin-top: 40px; padding: 20px; background: #f8f9fa; border-radius: 5px;">
            <p><strong>配置完成后，建议先进行小规模测试，确认流程稳定后再投入正式使用。</strong></p>
            <p style="color: #666; font-size: 14px;">文档生成时间：<span id="datetime"></span></p>
        </div>
    </div>

    <script>
        // 显示当前时间
        document.getElementById('datetime').textContent = new Date().toLocaleString('zh-CN');
        
        // 平滑滚动到锚点
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });
    </script>
</body>
</html>